<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./elementui/vue.min.js"></script>
    <link rel="stylesheet" href="./elementui/index.css">
    <link rel="stylesheet" href="./layui/layui.css" rel="stylesheet">
    <script src="./elementui/index.js"></script>
    <script src="./layui/layui.js"></script>

    <!--    <script src="./node_modules/downloadjs/download.min.js"></script>-->

</head>
<body>
<div id="example-1">

    <el-dialog
            title="提示"
            :visible.sync="dialogVisible"
            width="30%"
            :before-close="handleClose">
        <span>这是一段信息</span>
        <span slot="footer" class="dialog-footer">
            <el-button @click="dialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
          </span>
    </el-dialog>


</div>

<script type="module">
    var example1 = new Vue({
        el: '#example-1',
        computed: {},
        methods: {},
        created() {
        }
    })
</script>
</body>
</html>
